<script setup>
import { provide, ref } from 'vue';
import center from './components/center.vue';

provide('theme-color','red')

const count =ref(100)
provide('count',count)

setTimeout(function(){
count.value =500
},2000)

provide('changeCount',(newCount)=>{
  count.value=newCount
})

</script>

<template>
  <div>我是头部组件</div>
  <center></center>
</template>

<style scoped>
</style>
